li>a {
	width: 100%;
	height: 100%;
}

a{
	text-decoration: none;
}

.container {
	width: 100vw;
	height: 100vh;
	display: flex;
	flex-direction: column;
	position: relative;
}

.header {
	height: 26.5vh;
	flex-shrink: 0;
}

.banner {
	height: 100%;
}

.swiper-wrapper {}

.img1 {
	background-image: url(image/1625299316208.jpeg);
	background-size: 100% 130%;
}

.img2 {
	background-image: url(image/1625299326196.jpeg);
	background-size: 100% 130%;
}

.img3 {
	background-image: url(image/1625299335166.jpeg);
	background-size: 100% 130%;
}

.my-list {
	position: absolute;
	display: flex;
	width: 90%;
	height: 16.4vh;
	background-color: rgba(226, 226, 226, 0.8);
	z-index: 1;
	left: 50%;
	top: 13vh;
	transform: translate(-50%, 0);
}

.profile-photo {
	position: absolute;
	height: 8.2vh;
	width: 8.4vh;
	background-image: url(./老师.png);
	background-size: 100% 100%;
	top: -35%;
	left: 50%;
	transform: translate(-50%, 0);
	border-radius: 50%;
}

.my-list {
	display: flex;
	flex-direction: column;
	border-radius: 10px;
}

.my-list .profile-name,
.my-list .profile-name-under {
	width: 100%;
	height: 50%;
}

.my-list .profile-name {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	box-sizing: border-box;
	padding-bottom: 1vh;
	font-size: 20px;
}

.my-list .profile-name-under {
	display: flex;
	justify-content: space-around;

}

.profile-name-under>* {
	height: 100%;
	width: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.profile-name-under .profile-collect {
	display: flex;
}

.profile-name-under .profile-brand {}

.profile-order,
.profile-asset,
.tool {
	box-sizing: border-box;
	padding-left: 4%;
	padding-right: 4%;
	padding-bottom: 1%;
	border-bottom: #e0e0e0 solid 1px;
}

.content {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}


.content .profile-order {
	height: 28.12%;
	width: 100%;
	display: flex;
	flex-direction: column;
}

.content .profile-order .profile-order-list {
	display: flex;
	height: 30%;
	padding-top: 15px;
	justify-content: space-between;
	align-items: flex-end;
	flex-shrink: 0;
	flex-grow: 0;
}

.content .profile-order .profile-order-list .profile-order-list-font,
.content .profile-asset .profile-asset-list .profile-asset-list-font {
	font-size: 18px;
}

.content .profile-order .profile-order-list a {
	display: flex;
	align-items: center;
}

.content .profile-order .profile-order-list img {
	width: 12px;
	padding-left: 8px;
}

.content .profile-order ul.order-list-items-wrapper {
	flex-grow: 1;
	display: flex;
}

ul.order-list-items-wrapper>li {
	flex-grow: 1;
	display: flex;
}

.order-list-items-wrapper>li>a {
	flex-basis: 0;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	align-items: center;
}

div.profile-asset-list{
	padding-top: 5%;
}

.order-list-items-wrapper>li>a>div,
.order-list-items-wrapper>li>a>span {
	width: 100%;
	flex-shrink: 0;
	flex-basis: 0;
	display: flex;
	justify-content: center;

}

.order-list-items-wrapper>li>a>div {
	flex-grow: 1;
	align-items: flex-end;
}

.order-list-items-wrapper>li>a>div>img {
	width: 35%;
}

.order-list-items-wrapper>li>a>span {
	flex-grow: 0.65;
	font-size: 12px;
	align-items: center;
}

.content .profile-asset {
	height: 26.12%;
	width: 100%;
	display: flex;
	flex-direction: column;
}

ul.asset-list-items-wrapper {
	flex-grow: 1;
	display: flex;
	justify-content: space-between;
}


ul.asset-list-items-wrapper>li {
	display: flex;
	flex-grow: 1;
	flex-basis: 0;
}

ul.asset-list-items-wrapper>li>a {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	align-items: center;
}

ul.asset-list-items-wrapper>li>a>div,
ul.asset-list-items-wrapper>li>a>span {
	width: 100%;
	flex-shrink: 0;
	flex-basis: 0;
	display: flex;
	justify-content: center;
}

.asset-list-items-wrapper>li>a>div {
	flex-grow: 1;
	align-items: flex-end;
}

.asset-list-items-wrapper>li>a>div>img {
	width: 35%;
}

.asset-list-items-wrapper>li>a>span {
	flex-grow: 0.8;
	font-size: 12px;
	align-items: center;
}

.content .tool {
	width: 100%;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	padding-bottom: 5%;
}

.tool-list{
	font-size: 18px;
	padding-top: 5%;
	flex-shrink: 0;
	flex-grow: 0;
}

.tool-under{
	flex-grow: 1;
	display: flex;
	flex-direction: column;
}

.tool-line1,.tool-line2{
	display: flex;
	flex-grow: 1;
	flex-basis: 0;
	flex-shrink: 0;
}

.tool-line1 li,.tool-line2 li{
	flex-grow: 1;
	flex-shrink: 0;
	flex-basis: 0;
}

.tool-line1 a,.tool-line2 a{
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.tool-line1 div,.tool-line2 div{
	display: flex;
	justify-content: center;
	align-items: flex-end;
	flex-grow: 1;
	flex-shrink: 0;
	flex-basis: 0;
}

.tool-line1 span,.tool-line2 span{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-grow: 0.6;
	flex-shrink: 0;
	flex-basis: 0;
	font-size: 10px;
}

.tool-line1 img, .tool-line2 img{
	width: 55%;
}

.footer {
	border-top: 1px solid #b0b0b0;
	height: 14vw;
}
